define(function(){
	function lb(){
		$(function(){
			//列表导航
			$(".nav-con").hover(function(){
				$(this).find(".list-con").css("display","block");
			},function(){
				$(this).find(".list-con").css("display","none");
			})
			$(".ul-con li").hover(function(){
				$(this).css({
					"background" : "white"
					});
				$(this).find(".sub").css("color","#E5004A");
				$(this).find(".sub").find("span").css("background-positionX","-35px");
				$(this).find(".sub").find("i").css("background-positionX","-35px");
				$(this).find(".menu").css("display","block");
			},function(){
				$(this).css({
					"background" : "#e500a"
					});
				$(this).find(".sub").css("color","white");
				$(this).find(".sub").find("span").css("background-positionX","0");
				$(this).find(".sub").find("i").css("background-positionX","0");
				$(this).find(".menu").css("display","none");
			})
			//商品列表JSON数据获取
			function getJson(className){
				$.getJSON("../json/lb.json", function(data){
					$.each(data, function(index, value) {
						$(className).append(
							`<li data-good-id = ${value.id}>
								<img src=${value.img}/>
								<p class="mes">
									<a href="javascript:;">${value.mes}</a>
								</p>
								<div class="price clearfix">
									<span>${value.price1}</span>
									<span>${value.price2}</span>
								</div>
								<div class="addTo clearfix">
									<div class="addnum">
										<input type="text" name="" id="txt" value="1" />
										<a href="javascript:;" class="up">+</a>
										<a href="javascript:;" class="down">-</a>
									</div>
									<a href="javascript:;" class="shopcar">加入购物车</a>
									<a href="javascript:;" class="col">收藏</a>
								</div>
							</li>`
						);
					})
					$(className).find("li:eq(0) .mes a").click(function(){
						window.location = "../subHTML/xq.html";
					})
					//商品列表的动画
					$(className).find("li").hover(function(){
						$(this).css({
							"transition" : "all 0.5s",
							"border" : "3px solid rgb(229,0,75)"
						})
					},function(){
						$(this).css({
							"border" : "3px solid white"
						})
					})
					//购物车
					//加载购物车中已有的商品
					loadCookie();
					//给购物车添加点击事件
					$(".shop").click(function(){
						window.location = "shopcar.html";
					})
					//给购买按钮添加点击事件
					$(".addTo .shopcar").click(function(evt){
						//获取商品id(获取的是哪个商品)
						var goodId = $(this).parents("li").attr("data-good-id");
						//获取商品名称
						var goodName = $(this).parent().siblings("p").html();
						//获取价格
						var rel = /(\d+)/;
						var goodPrice = parseInt($(this).parent().siblings(".price").find("span:eq(0)").html().match(rel)[1]);
						console.log(goodPrice);
						//获取商品图片的src
						var goodSrc = $(this).parent().siblings("img").attr("src");
						//获取当前cookie中的值
						var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
						//将字符串转为对象
						var cartObj = convertCartStrToObj(cartStr);
						if(goodId in cartObj){
							cartObj[goodId].num += 1;
						}else{
							//如果cookie对象中没有，则将新的商品全部添加到对象中
							cartObj[goodId] = {
								"name" : goodName,
								"price" : goodPrice,
								"src" : goodSrc,
								"num" : 1
							}
						}
						//将对象转为字符串存入cookie
						$.cookie("cart",JSON.stringify(cartObj),{expires : 7,path : "/"});
	
						//飞入购物车效果插件
						var $img = $(this).parent().siblings("img").clone().css({"width" : 50,"height" : 50});
						$img.fly({
				            start: { 
				                left: evt.pageX, //开始位置（必填）#fly元素会被设置成position: fixed 
				                top: evt.pageY //开始位置（必填） 
				            }, 
				            end: { 
				                left: $(".shop").offset().left, //结束位置（必填） 
				                top: $(".shop").offset().top, //结束位置（必填） 
				                width: 0, //结束时宽度 
				                height: 0 //结束时高度 
				            }, 
				            onEnd: function(){ //结束回调 
				            	var re = /(\d+)/;
				                var num = parseInt($(".shop").val().match(re)[1]); 
				                $(".number").html(num + 1);
				               	$img.remove();
				            } 
						})
					})
					//将json字符串转为json对象
					function convertCartStrToObj(cartStr){
						if(!cartStr){
							return {};
						}
						return JSON.parse(cartStr);
					}
					//加载页面时，读取cookie中的商品总数存入购物车按钮中
					function loadCookie(){
						var cartStr = $.cookie("cart")?$.cookie("cart") : "";
						var cartObj = convertCartStrToObj(cartStr);
						var count = 0;
						//遍历出每一个商品的购买数量，计算出总数
						for(var i in cartObj){
							count += cartObj[i].num;
						}
						$(".shop b").html(count);
					}
				})
			}
			getJson(".products1");
			getJson(".products2");
			getJson(".products3");
			getJson(".products4");
			getJson(".products5");
			
			//翻页效果
			$(".case-page .sy").click(function(){
				location.reload();
				
			})
			$(".case-page a:eq(2)").click(function(){
				$(this).css("border-color","white").siblings().css("border-color","#ccc");
				$(".up").css("display","none");
			})
			$(".case-page a:eq(3)").click(function(){
				
				$(this).css("border-color","white").siblings().css("border-color","#ccc");
				$(".up").css("display","block");
				$(".case-bottom  .products2").css("display","block").siblings().css("display","none");
				
			})
			$(".case-page a:eq(4)").click(function(){
				$(this).css("border-color","white").siblings().css("border-color","#ccc");
				$(".up").css("display","block");
				$(".case-bottom  .products3").css("display","block").siblings().css("display","none");
				
			})
			$(".case-page a:eq(5)").click(function(){
				$(this).css("border-color","white").siblings().css("border-color","#ccc");
				$(".up").css("display","block");
				$(".case-bottom  .products4").css("display","block").siblings().css("display","none");
				
			})
			$(".case-page a:eq(6)").click(function(){
				$(this).css("border-color","white").siblings().css("border-color","#ccc");
				$(".up").css("display","block");
				$(".case-bottom  .products5").css("display","block").siblings().css("display","none");
	
			})
			$(".case-page a:eq(7)").click(function(){
				$(this).siblings().css("border-color","#ccc");
				$(".up").css("display","block");
				$(".case-bottom  .products3").css("display","block").siblings().css("display","none");
				
			})
		})
		
	}
	return{
			lb : lb
		}
})

